@charset "utf-8";
/* CSS Document */
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,  th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	
	
}
a {
	text-decoration:none;
	color:#000;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */

/*@font-face {
 font-family: 'GothamBlackRegular';
 src: url('gotham-black-webfont.eot');
 src: url('gotham-black-webfont.eot?#iefix') format('embedded-opentype'),  url('gotham-black-webfont.woff') format('woff'),  url('gotham-black-webfont.ttf') format('truetype'),  url('gotham-black-webfont.svg#GothamBlackRegular') format('svg');
 font-weight: normal;
 font-style: normal;
}*/
.fl { float:left; }
.fr { float:right; }
.brb {
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	behavior: url(../border-radius.htc);
}
.brt {
	-webkit-border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-topleft: 8px;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	behavior: url(../border-radius.htc);
}
.br {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(../border-radius.htc);
}
.br5 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(../border-radius.htc);
}
.brbl {
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-left-radius: 15px;
	behavior: url(../border-radius.htc);
}
.brbr {
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	border-bottom-right-radius: 15px;
	behavior: url(../border-radius.htc);
}
.bsd {
	-webkit-box-shadow: 0px 1px 1px 2px ;
	-moz-box-shadow: 0px 1px 1px 2px ;
	box-shadow: 0px 1px 1px 2px ; 
	behavior: url(../border-radius.htc)
}
body{
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	background:#fff;

	}
heder{position:relative;}
.in_header{
	width:1000px;
	margin:0 auto;
	padding-top:10px;
	position:relative;
	}
.top_panel{
	float:right;
	
	}
.top_panel a{
	color:#333;
	font-size:11px;
	}
.top_panel a:hover{
	text-decoration:underline;
	}
.menu_top{
	background: url("../images/bg_nav.png") no-repeat scroll right center transparent;
    bottom: 0;
    float: right;
    height: 30px;
    padding-left: 116px;
    position: absolute;
    right: 0;
    width: 700px;
	}
.menu_top ul{
	
	}
.menu_top ul li{
	float: left;
    margin-right: 67px;
    position: relative;
	}
.menu_top ul li a{
	color: #333333;
    display: block;
    font-size: 13px;
    padding: 8px;
    text-transform: uppercase;
	}
.search_form{
	float: right;
    margin-top: 3px;
	}
.search_form input[type="text"]{
	border:1px solid #ccc;
	border-radius:4px;
	width:150px;
	float:left;
	height: 20px;
	line-height:22px;
	padding-left:5px;
	}
.search_form input[type="submit"]{
	background: url("../images/bg_search.png") no-repeat scroll 0 4px transparent;
    border: medium none;
    float: left;
    margin-left: -20px;
	}
.main{
	overflow:hidden;
	margin-top:15px;
	}
.container{
	width:1000px;
	margin:0 auto;
	}
.main .banner{
	width:1000px;
	height:440px;
	overflow: hidden;
	}
.main .banner img{
	width:1000px;
	}
.sider_bar_ft{
	background:#e3e3e3;
	height:30px;
	margin-top:15px;
	}
.txt_email{
	background: url("../images/bg_email.jpg") no-repeat scroll 212px center #FFFFFF;
    border: 1px solid #CCCCCC;
    height: 20px;
    line-height: 24px;
    margin-top: 3px;
    padding-left: 10px;
    padding-right: 25px;
    width: 200px;
	}
.email_sus{
	float:left;
	}
.menu_ft{
	float: left;
	}
.menu_ft ul li{
	float:left;
	margin-right:96px;
	}
.menu_ft ul li a{
	color: #333333;
    display: block;
    font-size: 13px;
    padding: 8px;
    text-transform: uppercase;
	}
.hotline{
	float:right;
	}
.hotline p{
	color: #333333;
    display: block;
    font-size: 17px;
    padding: 6px;
    text-transform: uppercase;
	}
.hotline p span{
	color:#d4b403;
	}
footer{
	margin-bottom: 15px;
    margin-top: 15px;
	}
.social_fb{
	float:left;
	}
.info_ft{
	border-left: 2px solid #666666;
    float: right;
    margin-top: 30px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-top: 10px;
	}
.info_ft p{
	line-height:21px;
	font-size:11px;
	color:#333;
	}
.submenu{
	background: none repeat scroll 0 0 #000000;
    left: -100px;
    min-height: 10px;
    opacity: 0.8;
    padding: 10px;
    position: absolute;
    width: 480px;
	z-index:999;
	}
.submenu .product_sub{
	float:left;
	width:175px;
	margin-left:20px;
	}
.submenu .product_sub ul{
	}
.submenu .product_sub ul li{
	float:none !important;
	color:#fff;
	}
.submenu .product_sub ul li.top_tit{
	font-size: 17px;
    margin-bottom: 12px;
    padding-bottom: 0;
	}
.submenu .product_sub ul li a{
	color:#fff !important;
	font-size:12px !important;
	text-transform:none !important;
	padding-left:0 !important;
	}
.menu_top ul li a:hover{
	color:#666;
	}
.menu_top ul li:hover ul{
	display:block !important;
	}
	
	
/******************************************************************
Product page
***************************************************************/
.product_page .menu_left{
	float:left;
	width:200px;
	
	}
.product_page .menu_left h3{
	border-bottom: 1px solid #333333;
    font-size: 15px;
    font-weight: normal;
    line-height: 17px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    text-transform: uppercase;
	}
.clear{clear:both;}
.product_page .menu_left ul{
	list-style: disc inside none !important;
    padding-left: 30px;
	}
.product_page .menu_left ul li{
	height:30px;
	}
.product_page .menu_left ul li a{
	font-size:15px;
	font-weight:bold;
	color:#666;
	}
.product{
	float:right;
	width:780px;
	}
.top_product{
	border-bottom: 1px solid #333333;
    height: 20px;
    padding: 0 0 8px;
    width: 100%;
	}
.top_product form label{
	margin-right:10px;
	}
.top_product form{
	float:left;
	}
.top_product form select{
	width:190px;
	border:1px solid #ccc;
	}
.soluong{
	color:#666;
	float:right;
	}
.product ul{
	margin-top:15px;
	}
.product li{
	float:left;
	padding:8px;
	color:#333;
	}
.product li .code{

    font-size: 15px;
    font-weight: bold;
    text-align: center;
	margin-top:8px;
	}
.product li:hover{
	background:#333;
	color:#fff;
	}
.product li .price{
    font-size: 15px;
    font-weight: bold;
    text-align: center;
	margin-top:8px;
	}
/********************************************************************************
Product detail
**********************************************************/
.feature_img_detail_product{
	box-shadow: 0 0 2px #CCCCCC;
    float: left;
    height: auto !important;
    margin-right: 32px;
    padding: 8px;
    width: 295px !important;
	}
.info_detail_pro{
	float: left;
    margin-left: 10px;
    width: 426px;
	}
.detail_product .product{
	padding-left: 30px;
    padding-top: 30px;
    width: 756px;
	}
.info_detail_pro h4{
	font-size:21px;
	color:#333;
	}
.gia_detail{
	margin:10px 0;
	font-size:15px;
	font-weight:bold;
	}
.bt_detail{
	background: none repeat scroll 0 0 #333333;
    color: #FFFFFF;
    display: block;
    float: left;
    margin-right: 20px;
    margin-top: 10px;
	font-weight: bold;
    padding: 7px 20px;
	}
.sp_cungbo{
	font-weight: bold;
    margin-bottom: 10px;
    margin-top: 20px;
	}
.img_orther{
	margin-top: 15px;
	}
.img_orther img{
	float: left;
    height: 92px;
    margin-right: 10px;
    width: 75px;
	}
.lienquan{
	border-bottom: 1px solid #F5F5F5;
    color: #333333;
    font-size: 15px;
    margin-top: 20px;
    padding-bottom: 11px;
	}
.detail_product .product ul li img{
	height: 230px;
    width: 173px;
	}
/*******************************************************************
News
********************************************************************/
.news{
	margin: auto;
    width: 930px;
	}
.topnews{
	border-bottom: 1px solid #333333;
    margin-bottom: 20px;
	}
.topnews h3{
	font-size: 15px;
    font-weight: normal;
    line-height: 21px;
    padding-bottom: 8px;
    text-transform: uppercase;
	}
.news ul li{
	margin: 10px 0;
    overflow: hidden;
    padding: 10px;
	}
.news ul li:hover{
	background:#f7f7f7;
	}
.news ul li h4{
	
	margin-bottom: 8px;
	}
.news ul li h4 a{
	color:#a06a03;
	font-size:15px;
	}
.news ul li h4 a:hover{
	text-decoration:underline;
	}
.news ul li img{
	float: left;
    margin-right: 15px;
    width: 150px;
	}
.news ul li p{
	color:#333;
	line-height:20px;
	text-align: justify;
	}
	
/*******************************************************************
contact
********************************************************************/
.contact{
	margin: auto;
    width: 930px;
	}
.left_contact{
	float:left;
	width:350px;
	}
.right_contact{
	float: right;
    width: 425px;
	}
.right_contact img{
    margin-top: 52px;
    width: 425px;
	}
.left_contact .lienhe{
	font-weight:bold;
	margin-bottom:15px;
	}
.left_contact p{
	line-height:20px;
	}
#contact_form{
	margin-top:10px;
	}
#contact_form input[type="text"]{
	border: 1px solid #CCCCCC;
    clear: left;
    display: block;
    float: none;
    line-height: 24px;
    margin-bottom: 10px;
    padding: 5px;
    width: 250px;
	}
#contact_form input[type="email"]{
	border: 1px solid #CCCCCC;
    clear: left;
    display: block;
    float: none;
    line-height: 24px;
    margin-bottom: 10px;
    padding: 5px;
    width: 250px;
	}
#contact_form input[type="submit"]{
	background: none repeat scroll 0 0 #333333;
    border: 1px solid #CCCCCC;
    color: #FFFFFF;
    padding: 5px 25px;
	}
.text_content{
	border: 1px solid #CCCCCC;
    display: block;
    font-family: arial;
    font-size: 13px;
    height: 150px;
    margin-bottom: 10px;
    padding: 5px;
    width: 250px;
	}
.info_detail_pro p{
	line-height:17px;
	}
.zoomWrapper{
	float: left;
    margin-right: 25px;
	height: 375px;
    width: 295px;
}
#order_intro{border: 1px solid #333333;
    display: none;
    padding: 10px;}
#order_form{border: 1px solid #333333;
    display: none;
    padding: 10px;}
#order_intro h3{
	margin-bottom:10px;
}
#order_intro p{
	line-height:20px;
	}
#order_form input[type="button"]{
	background: none repeat scroll 0 0 #333333;
    border: 1px solid #CCCCCC;
    color: #FFFFFF;
    float: left;
    margin-left: 20px;
    margin-top: -29px;
    padding: 5px 10px;
}
#order_form input[type="reset"]{
	background: none repeat scroll 0 0 #333333;
    border: 1px solid #CCCCCC;
    color: #FFFFFF;
    padding: 5px 10px;
}
.news p{
	line-height:23px;
	}
#order_form input[type="number"]{
	border: 1px solid #CCCCCC;
    display: block;
    line-height: 24px;
    margin-bottom: 10px;
    padding: 5px;
    width: 250px;

	}
#order_form select[name="size"]{
	border: 1px solid #CCCCCC;
    clear: left;
    display: block;
    margin-bottom: 10px;
    padding: 5px;
    width: 262px;
	}
.info_detail_pro .error{
	color: #FF0000;
    font-weight: bold;
    margin: 10px 0;
	background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #EBEBEB;
	 border-radius: 4px 4px 4px 4px;
	 padding: 15px;
	}
.info_detail_pro .success{
	background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #EBEBEB;
    border-radius: 4px 4px 4px 4px;
    color: #0066FF;
    font-weight: bold;
    padding: 15px;
	}
#contact_form .error{
	color: #FF0000;
    font-style: italic;
    margin-bottom: 10px;
	}
#click_next{
	padding:5px 10px;
	background:#333;
	color:#fff;
	font-weight:bold;
	border-radius:3px;
	}
.menu_top .chinh .active a{
	color:#D4B403;
	}
	
#hotline{
	position:fixed;
	right:0;
	bottom:0;
	}
.code_detail{
	font-weight: bold;
    line-height: 18px;
    margin-top: 10px;
	}
.code_detail .in_stock{
	font-weight:normal !important;
	}
#tin-tuc{
	width:490px;
	float:left;
	}
#tu-van{
	width:490px;
	float:right;
	}
.item_video{
	
	}
.item_video .title_video {
    background: none repeat scroll 0 0 #F7F7F7;
    border: 1px solid #EBEBEB;
    border-radius: 3px;
    line-height: 25px;
    margin-bottom: 10px;
    padding: 5px 10px;
}
.item_video .video-item{
	text-align:center;
	margin-bottom:15px
	}
#place_items{
	background: none repeat scroll 0 0 #333333;
    color: #FFFFFF;
    float: left;
    min-height: 480px;
    padding: 10px;
    width: 230px;
}
#place_items .active{
	color: #B3B301;
}
#maps{
	float: left;
    height: 500px !important;
    width: 750px !important;
}
.place_item{
	margin-bottom:15px;
}
.place_item h3{
	font-size: 16px;
    font-weight: normal;
    line-height: 22px;
    margin-bottom: 12px;
    text-transform: uppercase;
	cursor: pointer;
}
.place_item p{
	line-height:18px;
	color:#ccc;
	
}
.place h4{
	font-size: 20px;
    font-weight: normal;
    margin-bottom: 15px;
    padding: 0 0 15px;
    text-transform: uppercase;
}